<template>
	<view class="content">
		<mescroll-uni @down="downCallback" @up="upCallback" >
			<view class="mokuai" style="margin: 20rpx;">
				<view class="info_title" style="font-size: 34rpx;">
					贷款明细
					<text class="right">
						50,000
					</text>
				</view>
				<view class="clear shenhe-text" >
					<text class="left">本金 </text>
					<text class="right"style="color: #323232;">500，000</text>
				</view>
				<view class="clear shenhe-text" >
					<text class="left">利息 </text>
					<text class="right"style="color: #323232;">0</text>
				</view>
				<view class="clear shenhe-text" >
					<text class="left">平台 </text>
					<text class="right"style="color: #323232;">微信</text>
				</view>
				
			</view>
			
		</mescroll-uni>
	</view>
</template>

<script>
	import httpPath from '@/static/js/path.js';
	import {getlogin} from '@/static/js/login.js';
	import {fmoney} from '@/static/js/login.js';
	import MescrollUni from "@/components/mescroll-uni/uni-load-more.vue";
	export default {
		
		components: {
		    MescrollUni
		},
		data() {
			return {
				// color:"#e0e7f4"
				color:"#ff5a5a",
				list:[],
				user:""//登录信息
				
			}
		},
		onPageScroll(e) {
			//兼容iOS端下拉时顶部漂移
			this.headerPosition = e.scrollTop>=0?"fixed":"absolute";
			this.headerTop = e.scrollTop>=0?null:0;
			this.statusTop = e.scrollTop>=0?null:-this.statusHeight+'px';
		},
		//上拉加载，需要自己在page.json文件中配置"onReachBottomDistance"
		
		onLoad(option) {
		    this.user = getlogin();
		    if(!this.user.islogin){
		    	uni.showModal({
		    	   showCancel:false,
		    	   content:"您还没有登录，请登录"
		    	})
		    	uni.navigateTo({
		    		url:"../public/login"
		    	})
		    }	
		    // this.nVueTitle = uni.getSubNVueById('homeTitleNvue');
		    // this.nVueTitle.onMessage(res => {
		    // 	let type = res.data.type;
		    // 	if(type=='focus'){
		    // 		this.toSearch();
		    // 	}
		    // });
		    // this.showHeader = false;
			// this.goods_id=option.id;
		    // this.store_id=option.store_id;
		   
		},
		methods: {
			
			goaddkehu(id){
				uni.navigateTo({
					url:"editkehu"
				})
			},
			/*下拉刷新的回调 */
			downCallback(mescroll) {
				this.list=[];
				// 这里加载你想下拉刷新的数据, 比如刷新轮播数据
				// loadSwiper();
				// 下拉刷新的回调,默认重置上拉加载列表为第一页 (自动执行 mescroll.num=1, 再触发upCallback方法 )
				mescroll.resetUpScroll()
			},
			/*上拉加载的回调: mescroll携带page的参数, 其中num:当前页 从1开始, size:每页数据条数,默认10 */
			upCallback(mescroll) {
				// alert(11)
				//联网加载数据
				this.getListDataFromNet(mescroll.num, mescroll.size, (curPageData)=>{
					//curPageData=[]; //打开本行注释,可演示列表无任何数据empty的配置
					//联网成功的回调,隐藏下拉刷新和上拉加载的状态;
					//mescroll会根据传的参数,自动判断列表如果无任何数据,则提示空;列表无下一页数据,则提示无更多数据;
					console.log("mescroll.num=" + mescroll.num + ", mescroll.size=" + mescroll.size + ", curPageData.length=" + curPageData.length);
			
					//方法一(推荐): 后台接口有返回列表的总页数 totalPage
					//mescroll.endByPage(curPageData.length, totalPage); //必传参数(当前页的数据个数, 总页数)
			
					//方法二(推荐): 后台接口有返回列表的总数据量 totalSize
					//mescroll.endBySize(curPageData.length, totalSize); //必传参数(当前页的数据个数, 总数据量)
			
					//方法三(推荐): 您有其他方式知道是否有下一页 hasNext
					//mescroll.endSuccess(curPageData.length, hasNext); //必传参数(当前页的数据个数, 是否有下一页true/false)
			
					//方法四 (不推荐),会存在一个小问题:比如列表共有20条数据,每页加载10条,共2页.如果只根据当前页的数据个数判断,则需翻到第三页才会知道无更多数据
					mescroll.endSuccess(curPageData.length);
			
					//设置列表数据
					if(mescroll.num == 1) this.pdList = []; //如果是第一页需手动制空列表
					this.pdList=this.pdList.concat(curPageData); //追加新数据
				}, () => {
					//联网失败的回调,隐藏下拉刷新的状态
					mescroll.endErr();
				})
			},
			/*联网加载列表数据
			在您的实际项目中,请参考官方写法: http://www.mescroll.com/uni.html#tagUpCallback
			请忽略getListDataFromNet的逻辑,这里仅仅是在本地模拟分页数据,本地演示用
			实际项目以您服务器接口返回的数据为准,无需本地处理分页.
			* */
			getListDataFromNet(pageNum,pageSize,successCallback,errorCallback) {
				
			
				uni.request({
				    url: httpPath.filePath+"api.php/index/user/customer_list/",
				    method:'POST',
				    header:{'content-type':'application/x-www-form-urlencoded'},
				    data: {page:pageNum,member_id:this.user.member_id,user_id:this.user.user_id},
				    success: (res) => {
						for (var i = 0; i < res.data.result.length; i++) {
							 this.list.push(res.data.result[i])
						}
						successCallback && successCallback(this.list);
				    }
				});
				
			}
			
		}			
	
	}
</script>

<style>
	@import "../../colorui/main.css";
</style>
